<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>鼎嘉旅游-热点订票</title>
</head>
<body>
<%@ include file="/WEB-INF/elements/header.jsp" %>
<link rel="stylesheet" href="${base }/statics/css/bootstrap.min.css" />
<!-- content begin -->

<!--packages start-->
	<section id="pack" class="packages">
		<div class="container">
		<div class="gallary-header text-center">
			<h2>
				热点路线
			</h2>
			<p>
				双十二最新优惠！  凡携带华为手机者可享受八折优惠！
			</p>
		</div><!--/.gallery-header-->
		<div class="packages-content">
			<div class="row">
			<c:forEach items="${page.list }" var="ticket">
				<div class="col-md-4 col-sm-6">
				
					<div class="single-package-item">
						<img src="${base }/statics/${ticket.picpath }" alt="package-place">
						<div class="single-package-item-txt">
							<h3>${ticket.name} <span class="pull-right">￥${ticket.price }</span></h3>
							<div class="packages-para">
								<p>
									<span>
										<i class="fa fa-angle-right"></i> ${ticket.info }
									</span>
									<i class="fa fa-angle-right"></i>  5 star accomodation
								</p>
								<!-- <p>
									<span>
										<i class="fa fa-angle-right"></i>  transportation
									</span>
									<i class="fa fa-angle-right"></i>  food facilities
								 </p> -->
							</div><!--/.packages-para-->
							<div class="packages-review">
								<p>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<span>${ticket.total} 浏览</span>
								</p>
							</div><!--/.packages-review-->
							<div class="about-btn">
								<button  class="btxq packages-btn">
									<a href="${base }/comm/toroute.html/${ticket.id}">详情</a>
								</button>
								<button  class=" btyd packages-btn" >
									<a href="${base }/comm/ticketlist/toorder.html/${ticket.id}">预订</a>
								</button>
							</div><!--/.about-btn-->
						</div><!--/.single-package-item-txt-->
					</div><!--/.single-package-item-->
				
				 </div>
		</c:forEach>
		</div><!--/.row-->
		</div><!--/.packages-content-->
		<!-- 分页展示 -->
			<div class="box">
				<ul class="pagination">
					<li ><a href="${base }/comm/tacketlist.html/1" class="firstPage">首页</a></li>
					<li ><a href="${base }/comm/tacketlist.html/${pageNum-1}" class="previousPage">前一页</a></li>
					<li ><a href="${base }/comm/tacketlist.html/${pageNum+1}" class="nextPage">后一页</a></li>
					<li ><a href="${base }/comm/tacketlist.html/${pageTotal}" class="lastPage">尾页</a></li>
				</ul>
			</div>
	</div><!--/.container-->

</section><!--/.packages-->
<!--packages end-->


<!-- content end -->
<%@ include file="/WEB-INF/elements/footer.jsp" %>
</body>
</html>